/************二级菜单****************/
//获取要操作得元素
var lis =document.querySelectorAll('li');
var secmenubox =document.getElementsByClassName('sec-menu-box');
var secmenu=document.querySelector('.sec-menu');
var firmenu=document.querySelector('.first-menu')
var nav=document.querySelector('.nav');
var liright=document
console.log(lis);
// console.log(secmenubox);
// console.log(secmenu);
// console.log(nav);
//遍历节点添加事件
for(let i=0;i<10;i++){
   lis[i].index=i;
   lis[i].addEventListener('mouseover',function(){
      secmenu.className="sec-menu";
      for(let j=0;j<secmenubox.length;j++){
         lis[j].className="";
         secmenubox[j].style.display='none';
      }
      this.className="bgc";
      secmenubox[this.index].style.display='block';
   })
}
firmenu.addEventListener('mouseout',function(){
   secmenu.className='sec-menu hide'
})
nav.addEventListener('mouseout',function(){
   secmenu.className='sec-menu hide'
})
secmenu.addEventListener('mouseover',function(){
   this.className='sec-menu'
})
//实现右侧固定栏功能
